import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '@/components/Home.vue'
import Explorer from '@/components/Explorer.vue'
import Cart from '@/components/Cart.vue'
import Me from '@/components/Me.vue'
import Homecolor from '@/components/Homecolor.vue'
Vue.use(VueRouter)

export default new VueRouter({
  mode: 'history',
  base: __dirname,
  linkActiveClass: 'active',
  routes: [
    {
      path: '/',
      name: 'Home',
      component: Home,
      children: [
        { path: '/explorer', name: 'Explorer', component: Explorer },
        { path: '/cart', name: 'Cart', component: Cart },
        { path: 'homecolor', name: 'Homecolor', component: Homecolor }
      ]
    },
    { path: '/me', name: 'Me', component: Me }
  ]
})
